<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<title>剑鱼招标</title>
		<style type="text/css">
			body,div,h3{padding: 0; margin: 0;}
			h3{font-weight: normal;}
			img{border:0;}
			/*j-sub-2 Start*/
			.j-sub-warp{
				background: url(image/j-sub-2-bg.png) center center no-repeat;
				-webkit-background-size: cover;
				   -moz-background-size: cover;
				     -o-background-size: cover;
				        background-size: cover;
				-webkit-font-smoothing: antialiased;
			}
			.j-sub-warp>.sub-warp-container{
				width: 1200px;
				min-height: 760px;
				margin: 0 auto;
				background: url(image/j-sub-2-bg.jpg) center center no-repeat;
				position: relative;
				
			}
			.j-sub-warp>.sub-warp-container>.j-sub-warp-rotare{
				position: absolute;
				left: 396px;
				top: 180px;
				z-index: 1;
				-webkit-animation: subRotate 4s infinite linear both;
				   -moz-animation: subRotate 4s infinite linear both;
				     -o-animation: subRotate 4s infinite linear both;
				        animation: subRotate 4s infinite linear both;
			}
			.j-sub-warp>.sub-warp-container>.sub-warp-text{
				position: absolute;
				font-family: "microsoft yahei";
				color: #1b2e4f;
			}
			.sub-warp-text:nth-child(2){
				font-size: 22px;
				left:346px;
				top: 142px;
			}
			.sub-warp-text:nth-child(3){
				font-size: 24px;
				left:670px ;
				top: 120px;
			}
			.sub-warp-text:nth-child(4){
				font-size: 24px;
				left:130px ;
				top: 260px;
			}
			.sub-warp-text:nth-child(5){
				font-size: 20px;
				left:860px ;
				top: 245px;
			}
			.sub-warp-text:nth-child(6){
				font-size: 20px;
				left:150px ;
				top: 380px;
			}
			.sub-warp-text:nth-child(7){
				font-size: 22px;
				left:920px ;
				top: 368px;
			}
			.sub-warp-text:nth-child(8){
				font-size: 24px;
				left:200px ;
				top: 570px;
			}
			.sub-warp-text:nth-child(9){
				font-size: 22px;
				left:790px ;
				top: 580px;
			}
			
			@-webkit-keyframes subRotate{
				0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
				100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
			}
			
			@-moz-keyframes subRotate{
				0%{-moz-transform: rotate(0deg);transform: rotate(0deg);}
				100%{-moz-transform: rotate(360deg);transform: rotate(360deg);}
			}
			
			@-o-keyframes subRotate{
				0%{-o-transform: rotate(0deg);transform: rotate(0deg);}
				100%{-o-transform: rotate(360deg);transform: rotate(360deg);}
			}
			
			@keyframes subRotate{
				0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
				100%{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
			}
			/* End */
		</style>
	</head>
	<body>
		<!-- j-sub-2 Start -->
		<div class="j-sub-warp">
			<div class="sub-warp-container">
				<img class="j-sub-warp-rotare" src="image/j-sub-2-rotate.png" alt=""/>
				<span class="sub-warp-text">精准匹配</span>
				<span class="sub-warp-text">大数据分析</span>
				<span class="sub-warp-text">信息发送2小时内推送</span>
				<span class="sub-warp-text">自由设置推送频率/方式</span>
				<span class="sub-warp-text">单一/组合关键词订阅</span>
				<span class="sub-warp-text">云计算</span>
				<span class="sub-warp-text">招标/中标项目筛选</span>
				<span class="sub-warp-text">收录全国619家权威招标网站</span>
			</div>
		</div>
		<!-- End -->
	</body>
</html>
